<template>
    <view class="announcement">
        <h1 style="color: red;font-size: 48rpx;">四川花了还有科技集团有限公司</h1>
        <h2 style="font-size: 38rpx;margin-top: 20rpx;">关于线上购物、积分变动、商家货款公告</h2>
        <p>尊敬的花了还有家人们：</p>
        <p>为营造安全、透明、高效的线上购物环境，保障您在花了还有平台线上门店的交易权益，现就交易相关事项公告如下，请您仔细阅读并知悉。</p>

        <h3>一、交易流程</h3>
        <ol>
            <li>商品选购：您可通过平台搜索、分类导航等方式浏览各线上门店商品，点击商品图片或名称进入详情页，查看商品规格、价格、库存、评价等信息。确认商品信息无误后，选择商品的颜色、尺码、数量等属性，点击 “加入购物车” 或
                “立即购买”。</li>
            <li>订单提交：在购物车页面，您可对已选商品进行数量调整、删除等操作。确认选购商品无误后，点击 “结算”，进入订单提交页面。请准确填写收货地址、联系人、联系电话等信息，选择合适的支付方式，阅读并同意相关协议后，点击
                “提交订单” 完成下单。</li>
            <li>订单支付：提交订单后，您需在规定时间内（一般为 30 分钟）完成支付，超时未支付订单将自动取消。支付成功后，订单状态将更新为 “已支付”，线上门店将按订单顺序安排商品发货。</li>
        </ol>

        <h3>二、商品交付</h3>
        <ol>
            <li>发货时间：除商品详情页特殊说明外，线上门店将在您支付成功后的 48 小时内完成商品发货。如遇大型促销活动、法定节假日等特殊情况，发货时间可能会有所延迟，我们将通过平台消息、短信等方式提前告知。</li>
            <li>物流查询：商品发货后，您可在订单详情页查看物流单号及物流信息，通过对应物流公司官网或平台提供的物流查询入口实时跟踪商品运输状态。若物流信息长时间未更新，您可联系平台客服协助处理。</li>
            <li>商品签收：商品送达后，请您务必当场验货，确认商品数量、外观、质量等无问题后再签收。如发现商品存在破损、少件、错发等情况，请直接拒收，并及时联系线上门店客服或平台客服反馈问题，我们将为您妥善处理。</li>
        </ol>

        <h3>三、商品售后</h3>
        <h4>退换货政策</h4>
        <ol>
            <li>质量问题退换货：若商品存在质量问题，请在签收商品后 24 小时内联系客服，并提供清晰的商品质量问题照片或视频作为凭证。经核实确属质量问题的，线上门店将为您免费办理退换货，并承担退回商品的运费。</li>
            <li>商品丢失包赔：因物流原因丢失商品，由卖家重新补发商品。</li>
        </ol>

        <h3>四、会员积分权益</h3>
        <ol>
            <li>会员积分：购物成功后必须在：我的-----待发货里面区-----待收货里面进行确定收货，积分自动到个人的账户。</li>
            <li>7天自动收货：花了还有开启7天自动收货功能。</li>
        </ol>

        <h3>五、商家积分与收款权益</h3>
        <ol>
            <li>商家发货：待发货-----填写发货物流信息，确定发货。</li>
            <li>商家货款：用户确定收货后，商家货款自动划到个人账户。</li>
            <li>商家提现：发起提现，T+1到帐（24小时到账）</li>
            <li>商家收益：用户没有确定收货前，账户只能看到预计收益。</li>
        </ol>
        <view style="text-align: right;">
            <p>四川花了还有科技集团有限公司</p>
            <p>2025年4月23日</p>
        </view>
    </view>
</template>

<script setup lang="ts">

</script>

<style scoped>
.announcement {
    padding: 20px;
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: 0 auto;
}

h1,
h2,
h3,
h4 {
    color: #333;
}

p {
    margin: 10px 0;
    line-height: 1.6;
}

ol {
    margin: 10px 0;
    padding-left: 20px;
}

li {
    margin-bottom: 5px;
}

@media (max-width: 600px) {
    .announcement {
        padding: 15px;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }

    p {
        font-size: 1em;
    }

    ol {
        padding-left: 15px;
    }
}
</style>